.jianjie {
    overflow: hidden;
    margin: auto;

    .xuexiao-gk {
        width: 6.25rem;
        margin: 0.2031rem auto 7.0469rem;
        background-color: pink;

        .zuo-ul {
            float: left;

            span {
                display: block;
                width: 1.5365rem;
                height: .4167rem;
                background: #0850BC;
                opacity: 1;
                text-align: center;
                line-height: .4167rem;
                font-weight: 800;
                color: #fff;
                border: 1px solid blue;
                font-size: .1563rem;

            }

            li {
                text-align: center;
                width: 1.5365rem;
                height: .3125rem;
                line-height: .3125rem;
                background: #EEEEEE;
                border-radius: 0px 0px 0px 0px;
                border: solid .0052rem rgba(102, 102, 102, 0.301);
                opacity: 1;
                font-size: .0938rem;

                a {
                    display: block;
                    width: 1.5365rem;
                    height: .4167rem;
                }
            }

            li:nth-child(2) {
                border-radius: 0px 0px 0px 0px;
                font-size: .0938rem;
            }
        }

        .you-ul {
            width: 4.4531rem;
            float: right;

            li {
                display: none;
                width: 4.4531rem;

                .li-1 {
                    width: 4.4531rem;
                    height: .1875rem;
                    margin-bottom: .1823rem;
                    border-bottom: solid #707070 .0052rem;

                    >span {
                        float: left;
                        height: .125rem;
                        font-size: .0938rem;
                        font-family: Microsoft YaHei-Bold, Microsoft YaHei;
                        font-weight: bold;
                        color: #666666;
                        border-bottom: 2px solid red;
                        padding-bottom: .0313rem;
                        line-height: .1354 rem;
                    }

                    >div {
                        display: flex;
                        float: right;
                    }

                    .li-a1 {
                        float: right;
                        width: 1.0938rem;
                        margin-top: .026rem;
                        height: .099rem;
                        font-size: .0729rem;
                        font-weight: 400;
                        // color: #666666;
                        line-height: .099rem;

                        a {
                            display: block;
                            margin-left: 20px;
                        }

                        div {
                            width: .3646rem;
                            background-color: #fff;
                            height: .099rem;
                            float: left;
                            line-height: .099rem;
                        }
                    }
                }

                .li1-pp1 {
                    width: 2.8646rem;
                    height: .1615rem;
                    font-size: .125rem;
                    font-weight: bold;
                    color: #666666;
                    margin: .1531rem auto .2448rem;
                    display: flex;
                    justify-content: space-between;

                    >span {
                        font-size: .125rem;
                        line-height: .1563rem;

                    }

                    >span:nth-child(1) {
                        color: #000;
                    }
                }

                .tutu-1 {
                    .li1-pp2 {
                        width: 4.4271rem;
                        height: 1.6146rem;
                        display: flex;
                        justify-content: space-between;

                        .li1-pp-1 {
                            width: 1.3542rem;

                            &:hover>span {
                                background: #D2E3FC;
                                color: #0850BC;
                            }

                            >img {
                                width: 1.3542rem;
                                height: 1.0677rem;
                                display: block;
                                margin-bottom: .0521rem;
                            }

                            >span {
                                display: block;
                                width: 1.3542rem;
                                height: .2031rem;
                                background-color: #F2F2F2;

                                border-radius: 0px 0px 0px 0px;
                                font-weight: 900;
                                text-align: center;
                                line-height: .2031rem;
                                color: #afacac;
                                font-size: .0833rem;
                                opacity: 1;
                            }

                        }
                    }
                }

                .li-2 {
                    width: 4.4531rem;
                    height: 3.0833rem;
                    margin-bottom: .1458rem;

                    .p1 {
                        text-indent: .2083rem;
                        font-size: .0833rem;
                        line-height: .1563rem;
                        margin-bottom: .0721rem;
                    }
                }

                .li-3 {
                    margin-bottom: .7448rem;

                    >img {
                        display: block;
                        width: 4.4531rem;
                        height: 2.4792rem;
                        background: #FFFFFF;
                        border-radius: 0px 0px 0px 0px;
                        opacity: 1;
                        border: .0052rem solid #707070;
                    }
                }
            }
        }
    }
}